초보 기획자를 위한 IA 설계 가이드 및 원칙 | 매거진에 참여하세요

1. UX 디자인에 대해 들어보셨다면, 아마 정보 구조(Information Architecture, 줄여서 'IA')라는 용어도 접해보셨을 겁니다.

2. 어쩌면 문제 해결을 즐기거나, 복잡한 정보를 명확하고 논리적으로 정리하는 데 재능이 있어서 IA에 관심이 생겼을 수도 있습니다.

   세상은 분명히 정보 구조가가 필요합니다. 우리가 살고 있는 정보 시대에서는 데이터를 다루는 모든 조직이 IA를 의식하고,

3. 미리 신중하게 계획하여 콘텐츠가 통제 불가능하고 비논리적인 괴물로 변하지 않도록 해야 합니다.

4. 소비자로서 우리는 필요한 것을 정확히 예상한 위치에서 찾는 데 익숙해져 있습니다. 그리고 쉽게 찾을 수 있다면, 그것은 일반적으로 우연이 아닙니다.

5. 대부분은 광범위한 사용자 연구와 테스트의 결과입니다. 만약 찾지 못한다면 어떻게 될까요? 우리는 몇 초 안에 포기하고 다른 곳으로 이동합니다.

6. 간단히 말해, 나쁜 사용자 경험에 대해 우리는 그다지 인내심이 없습니다.

   결과적으로, 경쟁이 치열한 기술 환경에서 살아남기 위해서는 거의 완벽에 가까운 수준이 필수가 되었습니다.

7. 정보 구조가의 역할은 모든 것이 제자리에 있도록 하여 경쟁 우위를 유지하는 것입니다. 그리고 믿어주세요, 이 작업은 항상 쉬운 일이 아닙니다. 곧 알게 되겠지만, 고려해야 할 사항이 많습니다.

1. 정보 구조(Information Architecture)란 무엇인가?

3. 유명한 UX 디자이너 Jared Spool은 이렇게 말한 적이 있습니다: "좋은 디자인은 잘 이루어졌을 때 보이지 않게 됩니다. 오히려 잘못되었을 때 우리가 그 존재를 눈치챕니다."

이 말은 정보 구조(IA)에도 똑같이 적용됩니다. 모든 것이 잘 정리되어 있다면, 정보 구조는 보이지 않게 됩니다.

흥미롭게도, 이 '질서의 과학'은 전문가들이 모두 동의할 수 있는 하나의 통일된 정의가 없습니다.

하지만 그들은 모두 IA가 어떤 방식으로든 콘텐츠를 효과적으로 조직하는 실천이라는 데 동의합니다.

정보 구조의 역사는 고대 이집트까지 거슬러 올라갑니다. 알렉산드리아 도서관의 사서들은 도서관의 콘텐츠를 120개의 두루마리 목록으로 정리했습니다.

원리는 동일하지만, 당시에는 정보 구조라고 불리지 않았고, 단순히 상식적인 일이었습니다.

사실, 정보 구조가 처음 언급된 것은 1970년대 초반이었습니다. XEROX 연구소가 정보 구조화의 필요성을 언급하고, 이를 지원하는 기술을 개발했던 시기입니다.

그 후, 인터넷이 등장하면서 모든 것이 바뀌기 전까지 정보 구조 분야는 비교적 조용했습니다.

1998년 Peter Morville와 Louis Rosenfeld은 'Information Architecture for the World Wide Web'이라는 책을 썼습니다.

저자들은 큰 성공을 기대하지 않았지만, 이 책은 그 해 아마존의 베스트 인터넷 책이 되었습니다. 이것이 무엇을 보여주었을까요?

사람들이 진정으로 관심을 가지고 주목하고 있다는 것을 알 수 있었습니다.

소위 정보 시대에서 정보 구조가, UX 디자이너, 인터랙션 디자이너, 콘텐츠 관리자의 작업은 그 어느 때보다 중요해졌습니다.

그들이 없다면 웹은 혼란에 빠질 것입니다. 그렇다면, 어디서부터 시작해야 할까요?

UX 디자인에서 정보 구조의 8가지 원칙

2. 

   웹사이트의 정보 구조를 구축하는 것은 진공 상태에서 이루어져서는 안 됩니다.

3. 사용자 행동부터 미래를 대비한 설계까지,

4. 논리적인 방식으로 정보를 조직하는 것 이상으로 고려해야 할 사항이 많습니다.

정보 구조가 Dan Brown은 좋은 사이트 구조를 설계하기 위해 8가지 원칙을 제시했습니다.

• - 객체 원칙: 콘텐츠는 살아 숨쉬는 것처럼 취급되어야 합니다. 생명 주기, 행동, 속성을 가지고 있습니다.

• - 선택 원칙: 적을수록 좋습니다. 선택의 수를 최소로 유지하세요.

• - 공개 원칙: 사용자가 더 깊이 파고들면 어떤 정보가 숨겨져 있는지 이해할 수 있도록 정보의 미리보기를 보여주세요.

• - 예시 원칙: 카테고리의 콘텐츠를 설명할 때 콘텐츠의 예시를 보여주세요.

• - 프론트 도어 원칙: 최소 50%의 사용자가 홈페이지가 아닌 다른 진입점을 사용할 것이라고 가정하세요.

• - 다중 분류 원칙: 사용자에게 여러 가지 분류 체계를 제공하여 사이트의 콘텐츠를 탐색할 수 있도록 하세요.

• - 집중된 탐색 원칙: 탐색을 단순하게 유지하고 서로 다른 것을 섞지 마세요.

• - 성장 원칙: 웹사이트의 콘텐츠가 성장할 것이라고 가정하세요. 웹사이트가 확장 가능하도록 하세요.

보시다시피, 고려해야 할 사항이 많습니다. 웹사이트의 크기에 따라, IA는 지속적인 유지 관리가 필요한 복잡한 작업이 될 수 있습니다.

하지만, 이는 매우 필요한 작업입니다. 그렇지 않으면 비즈니스에 실패를 가져올 수 있습니다.

정보 구조의 가치는 무엇인가?

Facebook과 Google 모두 낮은 가치의 콘텐츠를 가진 웹사이트를 차단하고 있기 때문에, 사용자가 가치를 느낄 수 있는 콘텐츠를 생산하는 것이 더 중요해졌습니다.

하지만, 정보 구조가 나쁘면 가장 가치 있는 콘텐츠도 발견되지 않을 수 있으며, 이는 사용자와 비즈니스 모두에게 나쁜 소식입니다.

사용자를 위한 가치

우리는 즉각적인 만족을 원하는 세상에 살고 있습니다.

이는 정보와 선택의 과부하와 결합되어, 정말로 적절한 시간에 적절한 콘텐츠를 제공해야 한다는 것을 의미합니다.

정보를 찾는 과정이 너무 복잡하거나 느리다면, 사용자는 단순히 그 과정을 포기하고 떠날 것입니다.

Peter Morville와 Louis Rosenfeld('Information Architecture for the World Wide Web', 3판)에 따르면, 웹사이트의 IA는 다양한 사용자 요구를 해결해야 합니다.

그들은 4가지 주요 요구 유형을 다음과 같이 구분합니다:

1. 알려진 항목 탐색: 사용자는 원하는 것을 찾기 위해 웹사이트에 올 것입니다.

2. 탐색적 탐색: 사용자는 영감을 얻기 위해 웹사이트에 올 것입니다. 원하는 것을 찾고 있지만 정확히 무엇인지 모릅니다.

3. 철저한 연구: 사용자는 광범위한 연구 과정 중에 있습니다. 가능한 한 많은 정보를 찾고자 합니다.

4. 재탐색: 사용자는 원하는 항목을 다시 찾으려고 합니다.

정보 구조를 통해 다양한 온라인 행동을 이해하는 방법

정보 구조를 생각할 때, 다양한 사용자와 그들이 어떻게 탐색, 검색, 필터를 사용할지 생각하는 것이 중요합니다.

전자상거래 웹사이트를 생각해보세요. 결혼식용 신발을 찾고 있다면, 스타일과 색상으로 필터링하고 싶을 것입니다.

하지만 선물을 찾고 있다면, 큐레이팅된 선물 아이디어를 보고 싶을 수도 있습니다. 정확히 원하는 것을 알고 있다면, 브라우징 없이 빠르게 찾을 수 있는 옵션을 원할 것입니다.

좋은 정보 구조는 사용자 경험에 큰 영향을 미칩니다. 사용자가 최종 목적지에 빠르게 도달할수록, 그들의 만족도는 높아집니다.

따라서 사용자를 알고 그들의 정보 탐색 행동을 이해하는 것이 성공의 열쇠라는 것을 절대 잊어서는 안 됩니다.

사용자의 요구를 알면 어떤 구조적 구성 요소를 구축할지 우선순위를 정할 수 있습니다.

정보 구조의 주요 프로세스는 무엇인가?

4. 
   정보 구조는 웹사이트, 도서관 또는 상점에 있어서, 집에 대한 콘크리트 기초와 같습니다. 최상의 기초를 만들기 위해, 우리는 IA 문서를 만들어야 합니다.

문서를 만드는 과정은 아래에서 설명할 몇 단계로 이루어집니다. 기업은 이에 시간을 투자하고, 가치 있는 투자로 보아야 합니다.

아래 프로세스는 웹사이트를 위한 IA를 만드는 데 맞춰져 있지만, 비디지털 제품에도 쉽게 적용할 수 있습니다.

그렇다면, 첫 번째 단계는:

2. 회사 목표 정의
   IA를 만드는 목표를 결정하기 위해 두 가지 질문을 할 수 있습니다: 왜 이것을 하고 싶은가, 그리고 이것으로 무엇을 달성하고 싶은가?

3. 모든 주요 이해관계자와 함께 이를 결정하세요. 그들이 참여하고 최종 버전에 동의하도록 하고 싶을 것입니다.

3. 사용자 목표 정의
   웹사이트를 사용할 사람들은 누구인가요? UX 실천을 따르세요: 사용자 인터뷰를 진행하고, 페르소나를 만들고, 시나리오를 만들고 다음 질문에 답하세요:

• 이 사용자들은 웹사이트에서 무엇을 할 것인가?

• 그들의 목표는 무엇인가?

스토리텔링 접근 방식을 사용하여 이해관계자가 쉽게 시각화하고 이해할 수 있도록 하세요.

함께 최상의 시나리오와 최악의 시나리오를 찾고, 후자를 방지하는 방법을 생각하세요.

이 시점에서 사용자가 가질 수 있는 제약 조건에 대해서도 생각해보세요. 예를 들어, 그들이 사용하는 기술은 무엇인가요?

4. 경쟁사 분석
   때로는 이미 있는 것을 다시 발명하는 것은 불필요할 뿐만 아니라 오히려 해로울 수 있습니다. 경쟁사를 철저히 분석하세요.

그들의 정보 구조에 대해 생각해보세요.

• 정보를 어디에 표시하는가?

• 어떤 정보가 공통 분모인가?

• 웹사이트가 탐색하기 쉬운가?

• 무엇이 좋고 무엇이 나쁜가?

5. 콘텐츠 정의
   웹사이트에 이미 콘텐츠가 있다면, 먼저 그것을 검토하고 유지할 것과 제거할 것을 결정하세요.

6. 웹사이트가 새롭다면, 처음부터 시작하세요. 콘텐츠에 대한 명확한 이해가 필요합니다.

웹사이트에 이미 콘텐츠가 있는 경우 다음 중 하나를 할 수 있습니다:

• 전체 인벤토리:

• 사이트에 있는 모든 것을 기록하세요. 이는 시간이 많이 걸리고 여러 사람이 필요할 수 있지만, 가장 유용합니다.

• 이 옵션을 선택할 때 모든 페이지, 다운로드 가능한 콘텐츠, 미디어 또는 인터랙티브 콘텐츠를 포함하세요.

사이트의 정보 구조 설계 방법

콘텐츠를 정의하기 위해 어떤 접근 방식을 선택하든, 링크 이름, 페이지 이름, URL, 콘텐츠 유형, 페이지의 최신 정보, 누가 만들었거나 소유자인지에 대한 정보를 수집하고 싶을 것입니다.

코멘트를 추가하는 것도 유용할 수 있습니다.

웹사이트가 아직 제작 중이고 콘텐츠에 대해 막 생각하기 시작했다면, 콘텐츠 제작자와의 관계를 구축하는 것부터 시작하세요.

콘텐츠는 웹사이트의 핵심이며 프로젝트 초기부터 진지하게 다뤄져야 합니다. 웹사이트를 콘텐츠 중심으로 구축하세요, 그 반대가 아니라.

강력한 기초를 만드는 과정에서 콘텐츠 제작자는 최고의 친구이며, 그렇게 대해야 합니다.

그들을 프로세스에 참여시키고 당신이 무엇을 하고 있는지 이해하도록 도우세요.

먼저 콘텐츠의 상위 개요를 만들고, 세부 사항은 그 다음에 오도록 안내하세요.

1단계: 콘텐츠 그룹화 및 라벨링

모든 콘텐츠 목록이 있으면 우선순위를 정하고 그룹화하세요. 카드 소팅 기법을 사용하여 콘텐츠를 그룹화하는 데 도움을 받으세요.

카드 소팅은 사용자가 다양한 항목을 어떻게 다른 카테고리로 그룹화하는지 결정하기 위해 사용하는 참여형 디자인 기법입니다. 사용자에게 용어, 기능 또는 개념이 인쇄된 카드를 제공하고 이를 그룹으로 정렬하도록 요청합니다.

마지막으로 그룹 이름은 메뉴와 사이트맵으로 정제될 수 있습니다.

2단계: 탐색 정의 및 사이트맵 생성

콘텐츠가 있고, 의미 있는 그룹이 있습니다. 이제 큰 질문 – 사용자가 이 콘텐츠에 어떻게 도달할 것인가?

사이트맵과 탐색을 만들기 전에, IA가 정의되어야 합니다. 탐색은 대부분 빙산의 일각에 불과합니다.

정보 구조는 방문자에게 보이지 않지만, 웹사이트의 중추를 이루며, 스프레드시트와 다양한 유형의 다이어그램으로 시각적으로 표현될 수 있으며, 이를 사이트맵이라고 합니다.

사이트맵을 만들려면, 콘텐츠가 그룹화되고 라벨링되어 다이어그램으로 표시되어야 합니다.

그런 다음 탐색을 만들 수 있습니다 – 의미 있는 방식으로 연결된 UI 요소의 모음입니다. 이는 글로벌 탐색(메뉴)부터 로컬 탐색, 브레드크럼, 필터, 푸터 등 무엇이든 될 수 있습니다.

3단계: 사용자 테스트

일찍 테스트하고 자주 테스트하세요.

정보 구조가 작동하는지 확인하기 위해 테스트할 수 있는 몇 가지 방법이 있습니다. Nielsen Norman Group은 디자인 단계와 목표에 따라 4가지 유형의 테스트를 제안합니다:

• 테스트 #1: 트리 테스트:

• 이 테스트는 웹사이트의 IA에서 주요 정보를 찾을 수 있는지 확인하는 데 사용됩니다. 참가자는 링크 이름만 사용하여 웹사이트를 탐색합니다. 트리 테스트는 양적 테스트 방법입니다.

• 테스트 #2: 닫힌 카드 소팅:

• 이 테스트는 카테고리 이름의 강도를 결정하는 데 사용됩니다. 양적 및 질적 테스트 방법입니다.

• 테스트 #3: 클릭 테스트:

• 이 테스트는 사용자가 사용 가능한 UI 구성 요소를 어떻게 사용하는지 보여줍니다. 양적 테스트 방법입니다.

• 테스트 #4: 사용성 테스트:

• 이 테스트는 사용자가 웹사이트(또는 제품)를 어떻게 그리고 왜 사용하는지 결정하는 데 사용됩니다. 질적 테스트 기술 중 하나입니다.

4가지 모두 할 수 없다면, 적어도 사용성 테스트와 마지막 인터뷰를 결합하여 수행하세요.

이는 사람들이 어떤 기능을 사용하고 웹사이트에서 무엇을 하는지, 그리고 왜 그런지에 대한 귀중한 통찰력을 제공할 것입니다.

'왜?'라는 질문에 대한 답은 더 나은 결과를 얻기 위해 디자인하는 데 도움이 되는 매우 귀중한 정보입니다.

정보 구조 설계시 사용하는 도구는 무엇인가?

6. 펜과 종이:

7. 펜과 종이는 너무 자주 사용되지 않지만, 매우 저렴하고 사용하기 쉬우며 효과적입니다.

8. Realtimeboard.com:

9. 저렴하고 사용하기 쉬운 Realtime Board는 매일 사용하는 도구입니다. 차트, 애자일 보드, 고객 여정, 페르소나, 공감 청사진, 마인드 맵, 조직도 등을 만드는 데 사용할 수 있습니다. 협업을 지원하며 Slack, Jira, Google 드라이브, Dropbox와의 좋은 통합을 제공합니다.

10. Lucidchart.com:

11. Lucidchart는 플로우차트 메이커이자 온라인 다이어그램 소프트웨어입니다. 다양한 차트와 다이어그램을 제공하며, 마인드 맵과 와이어프레임 생성도 지원합니다. 단일 사용자 가격은 매우 저렴하고 기업 가격도 나쁘지 않습니다. Realtime Board의 강력한 경쟁자입니다.

12. Xmind.net:

13. Xmind는 마인드 매핑 웹 소프트웨어로, 구독 옵션 대신 일회성 구매 옵션을 제공합니다. 마인드 매핑, 비즈니스 차트, 브레인스토밍 지원을 제공합니다. 구매 시 무료 템플릿, 클립 아트, 유용한 프레젠테이션 모드 등을 제공합니다.

14. Coggle.it:

15. 펜과 종이를 제외하고 5가지 중 가장 간단한 Coggle의 협업 마인드 맵 웹 앱은 많은 사람을 참여시키고 유용한 다이어그램을 만들기 위해 협업해야 할 때 확실히 좋은 선택입니다.

해당 글은 아래 원문을 번역 및 재가공한 글로, 원문은 아래에서 확인가능합니다.

https://careerfoundry.com/en/blog/ux-design/a-beginners-guide-to-information-architecture